 <style type="text/css">
.shu{

    text-align:center;
   vertical-align:middle;
   font-size:17px;
}
.shu .shu_table th{
    text-align:center;
} 
.shu .shu_table{
  border:2px solid red;
}
.a_demo_five {
    background-color:#3acdb6;
    width:150px;
    display:inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size:12px;
    text-decoration:none;
    color:#fff;
    position:relative;
    margin-top:40px;
    padding-bottom:10px;
    padding-top:10px;
    background-image: linear-gradient(bottom, rgb(168,48,232) 100%, rgb(141,32,196) 0%);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: inset 0px 1px 0px #99b6b2, 0px 5px 0px 0px #99b6b2, 0px 10px 5px #999;
}

.a_demo_five:active {
    top:3px;
    background-image: linear-gradient(bottom, rgb(168,48,232) 0%, rgb(141,32,196) 100%);
    box-shadow: inset 0px 4px 1px #99b6b2, 0px 2px 0px 0px #99b6b2, 0px 5px 3px #999;
}

.a_demo_five::before {
    background-color:#fff;
    background-image:url(../images/heart.gif);
    background-repeat:no-repeat;
    background-position:center center;
    border-left:solid 1px #CCC;
    border-top:solid 1px #CCC;
    border-right:solid 1px #CCC;
    content:"";
    width:148px;
    height:40px;
    position:absolute;
    top:-30px;
    left:0px;
    margin-top:-11px;
    z-index:-1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.a_demo_five:active::before {
    top: -33px; 
    box-shadow: 0px 3px 0px #ccc;
}
</style>

 <form action="" method="" class="shu">
                              

                       <table border="1" class="shu_table">
                       <tr><th colspan="6" style="border-bottom:#000 1px solid; height:50px;">个人绩效申诉书</th></tr>
                       <tr>
                       <td>申诉人</td><td><input type="text" name="" style="border:#FFFFFF 1px solid;"></td>
                       <td>部门</td><td><input type="text" name="" style="border:#FFFFFF 1px solid;"></td>
                       <td>岗位</td><td><input type="text" name="" style="border:#FFFFFF 1px solid;"></td></tr>
                       <tr>
                       <td>被申诉人</td><td><input type="text" name="" style="border:#FFFFFF 1px solid;"></td>
                       <td>部门</td><td><input type="text" name="" style="border:#FFFFFF 1px solid;"></td>
                       <td>岗位</td><td><input type="text" name="" style="border:#FFFFFF 1px solid;"></td></tr>
                       <tr>
                       <td>申诉理由</td>
                       <td colspan="5" > <textarea rows="5" cols="120"></textarea></td></tr>
                       <tr>
                       <td>人力资源部意见：</td>
                       <td colspan="5"><textarea rows="5" cols="120"></textarea></td></tr>
                       <tr>
                       <td>上二级主管意见：</td>
                       <td colspan="5"><textarea rows="5.1" cols="120"></textarea></td></tr>
                       <tr>
                       <td>最终处理结果：</td>
                       <td colspan="5"><textarea rows="5" cols="120"></textarea></td></tr>
                       <tr>
                       <td colspan="6">说明：在绩效考核或反馈面谈之后，员工对自己的评价成绩有异议的可以进行业绩申诉。<br/>有意见的员工可以向上二级主管和人力资源部门进行申诉，接受申诉的部门和上二级主管在一周内给予明确答复。</td></tr>

                       </table>
                       <input type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;" class="a_demo_five" onclick="myFunction()" />
                       </form>